<template>
    <div>
        <div class="footer">
            <router-link to="/home" tag="div" class="footer_item">
                <div class="shop" @click="change2"></div>
                <p>商城</p>
            </router-link>
            <router-link to="/headLine" tag="div" class="footer_item">
                <div class="talk" @click="change"></div>
                <p>社区</p>
            </router-link>
            <router-link to="/shopCar" tag="div" class="footer_item">
                <div class="shopcar" @click="change"></div>
                <p>购物车</p>
            </router-link>


            <router-link to="/userInfo" tag="div" class="footer_item">
                <div class="mine" @click="change"></div>
                <p>我的</p>
            </router-link>

        </div>
    </div>
</template>
<style lang="scss" scoped>
.router-link-active {
    p {
        color: #ff5722;
    }
}
</style>
<script>
export default {
    data() {
        return {
            isActive: 1,
        }
    }, methods: {
        change() {
            this.$store.commit('change', false)
        }, change2() {
            this.$store.commit('change', true)
        }
    }
}
</script>